<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8" />
        <title><?= $s_WebTitle ?></title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <!-- BEGIN GLOBAL MANDATORY STYLES -->        
        <link href="<?=$s_Assets_Path?>/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/plugins/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/css/style-metro.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/css/style.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/css/style-responsive.css" rel="stylesheet" type="text/css"/>
        <link href="<?=$s_Assets_Path?>/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
        <link href="<?=$s_Assets_Path?>/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" type="text/css"/>
        <!-- END GLOBAL MANDATORY STYLES -->
        <!-- BEGIN PLUGIN STYLES --> 
        <?php foreach($a_css_files as $v_file) { ?>
            <link href="<?=$s_Assets_Path?>/<?=$v_file['path']?>" rel="stylesheet" type="text/css" <?=isset($v_file['media'])? "media='$v_file[media]'" : ''?>/>
        <?php } ?>
        <!-- END PLUGIN STYLES -->
        <link rel="shortcut icon" href="favicon.ico" />
    </head>
    <!-- END HEAD -->
    <!-- BEGIN BODY -->
    <body class="page-header-fixed <?=$b_Menu_Closed ? 'page-sidebar-closed' : ''?>">
        <!-- BEGIN HEADER -->   
        <div class="header navbar navbar-inverse navbar-fixed-top">
            <!-- BEGIN TOP NAVIGATION BAR -->
            <div class="navbar-inner">
                <div class="container-fluid">
                    <!-- BEGIN LOGO -->
                    <a class="brand" href="index.php">
                        <img src="<?=$s_Assets_Path?>/img/logo.png" alt="logo" />
                    </a>
                    <!-- END LOGO -->
                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                    <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
                        <img src="<?=$s_Assets_Path?>/img/menu-toggler.png" alt="" />
                    </a>          
                    <!-- END RESPONSIVE MENU TOGGLER -->            
                    <!-- BEGIN TOP NAVIGATION MENU -->              
                    <ul class="nav pull-right">
                        <!-- BEGIN USER LOGIN DROPDOWN -->
                        <li class="dropdown user">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                <span class="username"><?=$s_UserSaint . ' ' . $s_UserName?></span>
                                <i class="icon-angle-down"></i>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="user_detail.php?userid=<?=$s_UserID?>"><i class="icon-user"></i> Thông Tin Cá Nhân</a></li>
                                <li class="divider"></li>
                                <li class="hidden-phone"><a href="javascript:;" id="trigger_fullscreen"><i class="icon-move"></i> Mở Rộng Màn Hình</a></li>
                                <li><a href="javascript:;" onclick="return namhoa.logout();"><i class="icon-key"></i> Thoát</a></li>
                            </ul>
                        </li>
                        <!-- END USER LOGIN DROPDOWN -->
                    </ul>
                    <!-- END TOP NAVIGATION MENU --> 
                </div>
            </div>
            <!-- END TOP NAVIGATION BAR -->
        </div>
        <!-- END HEADER -->
        <!-- BEGIN CONTAINER -->
        <div class="page-container">
            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar nav-collapse collapse">
                <!-- BEGIN SIDEBAR MENU -->        
                <?php include("lib_menu.php") ?>
                <!-- END SIDEBAR MENU -->
            </div>
            <!-- END SIDEBAR -->
            <!-- BEGIN PAGE -->
            <div class="page-content">
                <!-- BEGIN PAGE CONTAINER-->
                <div class="container-fluid">
                    <!-- BEGIN PAGE HEADER-->
                    <div class="row-fluid">
                        <div class="span12">
                            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                            <?php build_breadcumb_active($a_breadcrumb); ?>
                            <!-- END PAGE TITLE & BREADCRUMB-->
                        </div>
                    </div>
                    <!-- END PAGE HEADER-->